@mixin nowarp {
  max-width: 110px; // 一定要设置，设置了才知道达到多大宽度开始省略
  overflow: hidden; // 超出隐藏
  text-overflow: ellipsis; // 仅在设置【overflow: hidden】时生效，显示省略符号来代表被修剪的文本
  white-space: nowrap; // 永不换行
  font-size: 14px;
}


.searchContainer {

  .searchinput {
    padding: 20px 14px;
  }

  .search-sta {
    height: 40px;
    line-height: 40px;
    margin: 14px 0;
    border-bottom: 1px solid #DDD9D9;
    border-top: 1px solid #DDD9D9;
  }

  .list {
    width: 100%;
    overflow: auto;
    max-height: calc(100vh - 410px);
    overflow-x: hidden;

    .item {
      display: flex;
      align-items: center;
      border-bottom: 1px solid #ededed;

      .right {
        display: flex;
      }

      .item-left {
        width: 50px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .item-right {
        width: 100%;

        .right-top {
          height: 35px;
          display: flex;
          justify-content: flex-start;
          line-height: 35px;
          margin-right: 5px;

          .title {
            display: flex;

            i {
              margin-right: 5px;
              margin-left: 5px;
              font-size: 1px;
              line-height: 20px;
              color: red;
              font-weight: bold;
            }

            label {
              @include nowarp;
              margin-right: 10px;
            }

            span {
              @include nowarp;
              // font-weight: bold;
            }
          }

          .des {
            display: flex;
            align-items: center;
            margin-right: 10px;

            .openTag {
              padding: 0px 2px;
              height: 17px;
              display: flex;
              justify-content: center;
              align-items: center;
              background-color: rgb(255, 255, 255);
            }

            .resolveStatus {
              font-weight: 300;
            }
          }

          img {
            height: 25px;
            margin-right: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 5px;
          }
        }

        .right-bottom {
          height: 25px;
          font-size: 14px;
          line-height: 25px;
          width: 220px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }

    .active {
      background-color: rgb(207, 207, 207, 0.2);
    }

    .item:hover {
      background-color: rgb(207, 207, 207, 0.2);
      cursor: pointer;
    }
  }

  button {
    margin: 10px 0px 0px 197px;
  }

}



::ng-deep .ant-tag {
  margin-right: 0px;
}

// 公共
::ng-deep .ant-tag-cyan {
  border-color: rgb(236, 79, 46);
  background-color: transparent;
  color: rgb(236, 79, 46);
}

// 私有
::ng-deep .ant-tag-lime {
  background-color: transparent;
  border-color: rgb(49, 116, 237);
  color: rgb(49, 116, 237);
}

// 未解决
::ng-deep .ant-tag-purple {
  background-color: rgb(252, 245, 243);
  border-color: rgb(224, 134, 117);
  color: rgb(214, 92, 68);
}

// 已解决
::ng-deep .ant-tag-geekblue {
  background-color: rgb(243, 250, 248);
  border-color: rgb(109, 200, 171);
  color: rgb(69, 184, 147);
}
